antd table空状态全局替换

2023-03-28 22:37| 来源: 网络整理| 查看: 265

可以通过ConfigProvider全局化配置实现

import { useRoutes } from 'react-router-dom' import { ConfigProvider } from 'antd' // 由于 antd 组件的默认文案是英文，所以需要修改为中文 import zhCN from 'antd/lib/locale/zh_CN' import dayjs from 'dayjs' import 'dayjs/locale/zh-cn' import { routes } from './router' import theme from '../config/theme' import 'antd/dist/reset.css' import Empty from '@/components/Empty' dayjs.locale('zh-cn') const App = () => { const element = useRoutes(routes) return ( } // 自定义组件空状态 autoInsertSpaceInButton={false} // 设置为 false 时，移除按钮中 2 个汉字之间的空格 > {element} ) } export default App

另附：

import React from 'react' import { Empty, Row, Spin } from 'antd' import { IMAGE_PREFIX } from '@/utils/constant' interface EmptyProps { loading?: string [x: string]: unknown } const EmptyPage: React.FC = (props) => { const { loading, ...reset } = props return ( {loading ? ( ) : ( )} ) } export default EmptyPage // theme.ts import type { ThemeConfig } from 'antd' const defineThemeConfig = (config: ThemeConfig): ThemeConfig => { return config } // 官方可视化配置地址 https://ant.design/theme-editor-cn export default defineThemeConfig({ token: { colorPrimary: '#266bf6', colorPrimaryHover: '#5189f8', colorPrimaryActive: '#1e56c5', borderRadius: 8, }, })

【本文地址】

公司简介

联系我们